<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css/harmonise.css" type="text/css" />
<link rel="stylesheet" href="../css/base-groups.css" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="../css/ie.css" />
<![endif]-->
<title>Microformats Example | Chapter 1 | CSS Mastery </title>
</head>

<body>
<h1>My contact details marked-up as a vCard.</h1>
<p>If you are viewing this page in Firefox, why don't you download the <a href="http://blog.codeeg.com/tails-firefox-extension-03/">Tails Extension</a> and try importing my contact details as a vCard.</p>

<div id="hcard-Andy-Budd" class="vcard example">
 <a class="url fn" href="http://andybudd.com/">Andy Budd</a>
 <div class="org">Clearleft Ltd</div>
 <a class="email" href="mailto:info@andybudd.com">info@andybudd.com</a>
 <div class="adr">
  <span class="locality">Brighton</span>,&nbsp;
  <span class="country-name">England</span>
 </div>
</div>
</body>
</html>